<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

    <meta name="description" content="描述">
    <meta name="keywords" content="关键词">
    <link rel="icon" href="/web/img/favicon.ico">
    <link rel="shortcut icon" href="/web/img/favicon.ico">

    <title>友情链接</title>

    <link rel="stylesheet/less" href="/web/public/public.less">
    <style type="text/less">
        .container{
            #main{
                min-height: 500px;
            }
        }
    </style>
</head>
<body>
<div class="container">
    <!--这里引入header-->
    <!--#include virtual="/web/html/header/header.htm"-->
    <div id="main">
        <style type="text/less">
            @import "/web/public/public.less";

            .content-wrap{
                .content{
                    width: 870px;
                    overflow: hidden;
                    margin: 30px auto 0;
                    font-size: 14px;
                    line-height: 30px;

                    .title{
                        display: inline-block;
                        line-height: 75px;
                        font-size: 24px;
                        border-bottom: 4px solid #6c759c;
                        font-weight: normal;
                    }
                    .links-list{
                        width: 915px;
                        border-top: 1px solid #eeeeee;
                        line-height: 40px;
                        margin-left: -45px;
                        padding-top: 20px;

                        a{
                            display: inline-block;
                            margin-left: 45px;
                        }
                    }
                }
            }
        </style>
        <section class="about-content content-wrap">
            <div class="banner">
                <img class="banner-img" src="/web/img/img-about.png" alt="友情链接">
                <img class="text" src="/web/img/text-links.png" alt="友情链接">
            </div>
            <#if linkTypeList?? && (linkTypeList?size>0)>
                <#list linkTypeList as linkType>
                    <div class="content">
                        <h2 class="title">
                            ${linkType.typeName}
                        </h2>
                        <div class="links-list">
                            <#if linkType.friendshipLinkList?? && (linkType.friendshipLinkList?size>0)>
                                <#list linkType.friendshipLinkList as friendshipLink>
                                    <a href="${friendshipLink.linkUrl}" <#if linkType.typeName=="中央部委类">rel="nofollow"</#if> target="_blank">${friendshipLink.linkName}</a>
                                </#list>
                            </#if>
                        </div>
                    </div>
                </#list>
            </#if>
        </section>
        <script>

        </script>
    </div>
    <!--#include virtual="/web/html/footer/footer.htm"-->
</div>
<script src="/web/lib/jquery-1.12.4.min.js"></script>
<script src="/web/lib/less.min.js"></script>
<script src="/web/public/public.js"></script>
</body>
</html>